/**
 * Created by Administrator on 2016/9/23.
 */


$(function(){

    $(".p2").mouseover(function(){
        $(".shopping-bottom").show();
    });
    $(".landing_r>.p2").mouseleave(function(){
        $(".shopping-bottom").hide();
    });


    $(".landing_r>.p3").mouseenter(function(){
        $(".nav-bottom").show();
    });
    $("#navBottom").mouseenter(function(){
        $("#navBottom").show();
    });
    $("#navBottom").mouseleave(function(){
        $("#navBottom").hide();
    });

    $(".inpt").focus(function(){
        $(".laber").hide();
    });





    $(".qbsp").mouseenter(function(){
        $(".nav>.cbl").show();
    });
    $(".qbsp").mouseleave(function(){
        $(".nav>.cbl").hide();
    });
    $(".nav>.cbl").mouseleave(function(){
        $(".nav>.cbl").hide();
    });
    $(".nav>.cbl").mouseenter(function(){
        $(".nav>.cbl").show();
    });
    $(".cblBox").mouseenter(function(){
        $(".nav>.cbl").show();
    });
    $(".cblBox").mouseleave(function(){
        $(".nav>.cbl").hide();
    });




    /********************侧边栏*******************/
    $.get("json/json1.json",function(data){
        var $arr = data[15].cbl;

        $.each($arr,function(i,o){
            //console.log(o);
            var $xing = $("<div class =\"cb1\">"+
                "<div class =\"cb1TOP\">"+
                "<img src = \""+ o.pic+"\"/>"+
                "<h4>"+o.fenlei+"</h4>"+
                "<span>> </span>"+
                "</div>"+
                "<div class = \"cb1bot\">"+

                "</div>"+
                "</div>");

            $xing.appendTo("#cblbox");
            $.each(o.lis,function(j,k){
                //console.log(k);
                var $zixiang = $("<a href=\"##\">"+ k.li1+"</a>");
                $zixiang.appendTo("#cblbox>.cb1>.cb1bot:eq("+i+")");

            });

        });

        $("#cblbox>.cb1").mouseenter(function(){
            var $index = $(this).index();
            $("#cbRbox>.cblB1").removeClass("active").eq($index).addClass("active");
        });
        $("#cbRbox").mouseleave(function(){
            $("#cbRbox>.cblB1").removeClass("active")
        });
    });







    /*********放大镜工能********************/
    $(".sp-l").mouseenter(function(){
       $(".sp-l>.fdjtool").show();
        $(".fdjBox").show();
    })
    $(".sp-l").mouseleave(function(){
        $(".sp-l>.fdjtool").hide();
        $(".fdjBox").hide();
    });



    /***切换**/
    $(".smallPic>ul>li").mouseenter(function(){
        var $index = $(this).index();
       $(".sp-l>.zb").removeClass("active").eq($index).addClass("active");
        $(".fdjBox>.imgBox>.img").removeClass("active").eq($index).addClass("active");


        $(".sp-l").mousemove(function(e){
            $(".sp-l>.fdjtool").css({
                left:Math.max(Math.min(e.clientX - $(".sp-l").offset().left - $(".sp-l>.fdjtool").width()/2,220),0),
                top:Math.max(Math.min(e.clientY - $(".sp-l").offset().top+$(".sp-l>.fdjtool").height()/2,220),0)
            });
            $(".fdjBox>.imgBox").css({
                left: $(".sp-l>.fdjtool").position().left*2*-1,
                top: $(".sp-l>.fdjtool").position().top*2*-1
            })
        });


    });




    /*商品详情*/
    $.get("json/shopping.json",function(data){
        $.each(data,function(i,o){
            var $pic = $("<img src = \""+o.pic+"\"/>");
            $pic.appendTo("#sp-pic")
        });
    })

    /******************右侧子导航**********************/
    $(window).scroll(function(){
        if($(window).scrollTop()>$(window).height()){
            $(".right>.t1").fadeIn(400);
        }else{
            $(".right>.t1").fadeOut(400);
        }

    });


    $(".right>.t1").click(function(){
        $("html,body").animate({
            scrollTop:0
        },600);
    });


});